<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>开发者工具箱</title>
    <link rel="stylesheet" href="../bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/Toolsfun.css">
    <script src="../js/JQ.js"></script>
    <script src="../js/bootstrap.js"></script>
    <script src="../js/weather.js"></script>
    <link rel="stylesheet" href="../bootstrap-3.4.1-dist/fonts/glyphicons-halflings-regular.eot">
    <link rel="stylesheet" href="../bootstrap-3.4.1-dist/fonts/glyphicons-halflings-regular.svg">
    <link rel="stylesheet" href="../bootstrap-3.4.1-dist/fonts/glyphicons-halflings-regular.ttf">
    <link rel="stylesheet" href="../bootstrap-3.4.1-dist/fonts/glyphicons-halflings-regular.woff">
    <link rel="stylesheet" href="../bootstrap-3.4.1-dist/fonts/glyphicons-halflings-regular.woff2">
</head>
<body>
    <nav class="navbar navbar-default " style="background-color:#000 ;">
        <div class="container-fluid">
          <!-- Brand and toggle get grouped for better mobile display -->
      
          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
              <li class="dropdown" style="background-color:#fff ; left: 300px;">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">所有工具 <span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li><a href="#">SUV代码托管</a></li>
                  <li><a href="#">接口文档工具</a></li>
                </ul>
              </li>
            </ul>
            </form>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
              <ul class="nav navbar-nav">
                <li class="dropdown" style="background-color:#fff ; left: 100px;">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">网址导航 <span class="caret"></span></a>
                  <ul class="dropdown-menu">
                    <li><a href="#">SUV代码托管</a></li>
                    <li><a href="#">接口文档工具</a></li>
                  </ul>
                </li>
              </ul>
          </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
      </nav>
        <div class="a1 ">
          <div class="col-lg-2">
          <img class="col-lg-2col-xs-2" src="../img/apple.png">
          </div>
          <div class="container">
          
                  
          </div>
          </div>
      <div class="container" id="dd1">
        <div class="col-lg-2"></div>
        <div class="col-lg-9 ">
          <div class="col-lg-12" style="background:white;">
          <input  type="text" class="col-lg-9 col-xs-10" placeholder="输入工具名称或描述">
          </div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/557d5256c6.png"style="width:50px;">时间戳转换</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/6bd170b2c8 (1).png"style="width:50px;">JSON格式化</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/286f696a67.png"style="width:50px;">Base编码</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/4ca3f448d8.png"style="width:50px;">正则表达式</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/b3ecfbb0cb.png"style="width:50px;">Unicode转换</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/ebdb6264c1.png"style="width:50px;">url编码</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/e6b9f67cb6.png"style="width:50px;">Websocket测试</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/1518876a3f.png"style="width:50px;">Crontab时间计算</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/download.png"style="width:50px;">代码对比</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/265bdc88c1.png"style="width:50px;">MD5/Hash</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/d867713134.png"style="width:50px;">进制转换</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/a2c157e000.png"style="width:50px;">JavaScrpt格式化</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/35d08b1d3d.png"style="width:50px;">JSON.XML转换</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/a08b6fe1ab.png"style="width:50px;">JSON YAML互换</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/fe0f57f958.png"style="width:50px;">站位图生成器</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/1.png"style="width:50px;">二维码生成</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/2.png"style="width:50px;">代码图生成</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/3.png"style="width:50px;">图片压缩</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/4.png"style="width:50px;">Favicon制作</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/5.png"style="width:50px;">XMind脑图</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/6.png"style="width:50px;">RSA加密</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/7.png"style="width:50px;">ASE加密</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/8.png"style="width:50px;">DES加密</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/9.png"style="width:50px;">数字转中文大写</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/11.png"style="width:50px;">颜色值转换</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/12.png"style="width:50px;">curl转换</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/13.png"style="width:50px;">统计重复行数</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/14.png"style="width:50px;">经纬度计算</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/15.png"style="width:50px;">UserAgent解析</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/16.png"style="width:50px;">字数统计</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/17.png"style="width:50px;">图片转wevp</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/18.png"style="width:50px;">IP地址查询</div></div>
         <div class="col-lg-3 col-xs-5"><div class="display:flex;background:gray;"><img src="../img/19.png"style="width:50px;">随机密码生成</div></div>
         ../
         ../
         </div>

         <div class="col-lg-1"></div>
      </div>

      <footer style="margin-top:50px;text-align: center;line-height: 30px;color:rgb(248, 243, 243); height:60px;background:rgb(43,48,59);">
        <div class="col-lg-4 visible-lg-block visible-md-block visible-sm-block"></div>

        <div class="col-lg-4">友情链接:

          SVNBucket
          API文档工具
          A5sh.com<br>
          粤ICP备17148260号
          建议反馈</div>

          <div class="col-lg-4 visible-lg-block visible-md-block visible-sm-block"></div>
        </footer>
    </body>
    </html>